import React, { PureComponent } from "react";

class Nav extends PureComponent {
  render() { 
    return (
      <nav className="navbar navbar-expand-lg navbar-light bg-light">

        <div className="warp">
          <span className="title">NAVBAR</span>
          <span className="badge badge-pill badge-primart ml-2 mr-2">
            {this.props.itemNum}
          </span>
          <button
            onClick={this.props.onReset}
            className="btn btn-outline-success my-2 my-sm-0 fr"
            type="button"
          >
            重置
          </button>
        </div>

    </nav>
    )
  }
}
 
export default Nav;